<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/global.css" />
    <link rel="stylesheet" href="css/home.css" />
    <script type="text/javascript" src="js/lib/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="js/lib/three.min.js"></script>
    <script type="text/javascript" src="js/lib/Detector.js"></script>
    <script type="text/javascript" src="js/lib/stats.min.js"></script>
    <script type="text/javascript" src="js/lib/tween.min.js"></script>
    <script type="text/javascript" src="js/lib/CopyShader.js"></script>
    <script type="text/javascript" src="js/lib/EffectComposer.js"></script>
    <script type="text/javascript" src="js/lib/MaskPass.js"></script>
    <script type="text/javascript" src="js/lib/FilmPass.js"></script>
    <script type="text/javascript" src="js/lib/BloomPass.js"></script>
    <script type="text/javascript" src="js/lib/FilmShader.js"></script>
    <script type="text/javascript" src="js/lib/RenderPass.js"></script>
    <script type="text/javascript" src="js/lib/ConvolutionShader.js"></script>
    <script type="text/javascript" src="js/lib/ShaderPass.js"></script>
    <script type="text/javascript" src="js/lib/FocusShader.js"></script>
    <script type="text/javascript" src="js/home.js"></script>

    <script>
      var supportWebGL = (function() {
        try {
          var canvas = document.createElement('canvas');
          return !!(window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas.getContext('experimental-webgl')));
        } catch(e) {
          return false;
        }
      })();
      (function() {
        if(supportWebGL) {

        } else {
          // console.log('OldBrowser!');
        }
      })();
    </script>
  </head>

  <body>
    <img class="banner json-0" src="img/home/json-banner-1.jpg" />
    <img class="banner json-1" src="img/home/json-banner-2.png" />
    <img class="banner json-2" src="img/home/json-banner-3.png" />
    <img class="banner json-3" src="img/home/json-banner-4.jpg" />
    <img class="banner json-4" src="img/home/qr_text.png" />
    <!--<img class="mask" src="img/filter.png" />-->
    <div class="nav">
      <ul class="sidenav">
        <li class="active">
          <a href="home.html">
            AT Home
          </a>
        </li>
        <li>
          <a href="product.html">
            AT Product
          </a>
        </li>
        <li>
          <a href="about.html">
            About US
          </a>
        </li>
      </ul>
    </div>
    <div class="qr-img">
      <img src="img/qr.png" />
      <div class="line"></div>
    </div>
    <div class="mouse">
      <img src="img/mouse.png" />
      <div class="mouse-wheel">
        <img src="img/mouseWheel.png" />
      </div>
    </div>
  </body>

</html>